<%@ page language="java" pageEncoding="utf-8"%>

<!--/*** 控件HTML标签 **/-->
<div class="col-md-9">
    <div id="charts"  style="height:370px;margin-bottom: 12px;"></div>
</div>




<!--/*** pqGrid初始化事件 **/-->
<script>
    $("#charts").width(winWidth-300);
    var myChart = echarts.init(document.getElementById('charts'));
    option = {
        title: {
            x: 'center',
            y: 'top',
            textAlign: 'left',
            textStyle: {
                color: '#787878',
                fontWeight: 'bold',
                fontSize: 14,
            }
        },
        backgroundColor: '-webkit-linear-gradient(left top,rgba(152,186,246,2),rgba(152,186,246,0.5))',
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                crossStyle: {
                    color: '#999'
                }
            }
        },
        toolbox: {
            feature: {
                saveAsImage: {show: true},
                restore: {show: true},
                dataZoom: {show: true}
            }
        },
        grid: {
            show: true,
            backgroundColor: 'white',
            top: '8%',
            bottom: '11%',
            left: '4%',
            right: '13%'
        },
        legend: {
            type: 'scroll',
            orient: 'vertical',
            top: '8%',
            bottom: '11%',
            //left: '87%',
            right: '5',
            //backgroundColor: '#fff',
            //borderColor: 'rgba(178,34,34,0.8)',
            //borderWidth: 1,
            //padding: 4
        },
        dataZoom: [],
        xAxis: [{
            type: 'category',
        }],
        yAxis: [
            {
                type: 'value',
                axisLabel: {
                    formatter: '{value}'
                },
                //name: '运行比例',
                scale: true,
                max: 'dataMax',
                //splitNumber : 10,
            },
        ],
        series: []
    };
</script>